<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2025/10/23
  Time: 14:00
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<div class="header-container">
  <h1>中华非遗文化在线展馆</h1>
  <div class="slogan">坚定文化自信，传承非遗技艺</div>
  <nav class="nav-links">
    <a href="exhibit3.jsp?item=jianzhi">剪纸艺术</a> |
    <a href="exhibit3.jsp?item=piying">皮影戏</a> |
    <a href="exhibit3.jsp?item=kunqu">昆曲</a>
  </nav>
  <hr>
</div>

<style>
  .header-container {
    background-color: #f5f2ea;
    padding: 20px 0;
    text-align: center;
  }
  .header-container h1 {
    color: #8b4513;
    margin: 0 0 10px 0;
  }
  .slogan {
    color: #5c3311;
    font-style: italic;
    margin-bottom: 15px;
  }
  .nav-links a {
    color: #3e2723;
    text-decoration: none;
    margin: 0 12px;
    padding: 5px 8px;
  }
  .nav-links a:hover {
    background-color: #8b4513;
    color: white;
    border-radius: 3px;
  }
</style>
<body>

</body>
</html>
